<div class="bayonet-container">
    <div class="bayonet-header">
        <h3 class="icard-title"><span class="closeBayonet" ng-click="cancel()"></span>一卡通设备</h3>
    </div>
    <div class="bayonet-body">
        <div class="bayonet-left">
            <div class="bayonet_serach">
              <label for="searchCamera"></label>
              <input type="text" id="searchCamera" class="bayonet-text" placeholder="请输入摄像头位置">
              <div class="bayonet-search">搜索</div>
            </div>
            <div class="tree_box">
              <div js-tree="treeConfig" ng-model="treeData" tree="treeInstance" tree-events="select_node:readyCB;deselect_node:uncheck"></div>
            </div>
        </div>
        <div class="bayonet-right">
            <div>
                 <span class="face-time-text">时间从：</span>
                 <div class="bayonet-start-date">
                    <div class="input-group">
                          <input ng-laydate class="form-control" type="text" ng-model="starttime"/>
                          <span class="input-group-addon"><i class="glyphicon time-icon"></i></span>
                    </div>
                 </div>
                 <span class="bayonet-to">至：</span>
                 <div class="bayonet-end-date">
                    <div class="input-group">
                          <input ng-laydate class="form-control" type="text" ng-model="endtime"/>
                          <span class="input-group-addon"><i class="glyphicon time-icon"></i></span>
                    </div>
                  </div>
                  <div class="bayonet-begin-find" ng-click="searchCard()">开始查询</div>   
            </div>
            <div class="car-table-box">
                <div class="no-data" ng-if="(icardData.length==0||icardData==null)&&!loading">暂无一卡通信息</div>
                <loading ng-show="loading"></loading>
                <table class="table table-striped car-table" ng-if="icardData.length!=0&&icardData!=null">
                    <thead>
                        <tr>
                            <th width="10%">序号</th>
                            <th width="20%">姓名</th>
                            <th width="30%">刷卡时间</th>
                            <th width="20%">刷卡地点</th>
                            <th width="10%">行为</th>
                            <th width="10%">查看详情</th>
                        </tr>
                   </thead>
                   <tbody>
                        
                        <tr ng-repeat="icard in icardData">
                            <td>{{ icard.id }}</td>
                            <td>{{ icard.xm }}({{ icard.xhgh }})</td>
                            <td>{{ icard.sksj }}</td>
                            <td>{{ icard.skdd }}</td>
                            <td>{{ icard.sklx }}</td>
                            <td><div ng-click="openIt(icard)" class="bayonet-details">查看详情</div></td>
                        </tr>
                   </tbody>
                 </table>
            </div>        

            <div class="list-pagin"><paginings pageOption="pageOptions"  callBack="getData(item)"></paginings></div>
        </div>
    </div>
</div>
